<template>
  <div>
    <Mtitle MtitleTxt="个人资料" />
    <div class="userimg">
      <img src="" alt="" />
      <div class="upimg">修改头像</div>
    </div>
    <Cell :cellTxt="cellTxt[0]" />
    <Cell2 :cellcheckTxt="cellcheckTxt[0]" />
    <Cell3 :cellcheckTxt="cellcheckTxt[1]" />
    <Cell :cellTxt="cellTxt[1]" />
    <Cell :cellTxt="cellTxt[2]" />
    <Cell :cellTxt="cellTxt[3]" />
  </div>
</template>

<script>
import Mtitle from "../../../components/my/Mtitle.vue";
import Cell from "../../../components/my/Cell.vue";
import Cell2 from "../../../components/my/Cell2.vue";
import Cell3 from "../../../components/my/Cell3.vue";

export default {
  components: {
    Mtitle,
    Cell,
    Cell2,
    Cell3,
  },
  data() {
    return {
      cellTxt: [
        {
          left: "昵称",
          chref: "/my/upusername",
        },
        {
          left: "学习阶段",
          chref: "/my/upstudytime",
        },
        {
          left: "所在城市",
          chref: "/my/city",
        },
        {
          left: "个性签名",
          chref: "/my/upautograph",
        },
      ],
      cellcheckTxt: ["性别", "生日"],
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.userimg {
  img {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    margin: 0 auto;
    border: 2px solid rgba(187, 187, 187, 100);
  }
  .upimg {
    font-size: 28px;
    text-align: center;
    color: black;
    margin-top: 22px;
    margin-bottom: 50px;
  }
}
</style>